<template>
  <div class="app-container org-tab-info">
    <el-tabs v-model="activeName">
      <el-tab-pane label="我的" name="first">
        <projectComponent></projectComponent>
      </el-tab-pane>
      <el-tab-pane label="待办" name="second">
        <ToDoTask v-if="activeName=='second'" businessType="projectCreationApplication"></ToDoTask>
      </el-tab-pane>
        <el-tab-pane label="已办" name="third">
        <DoneTask v-if="activeName=='third'" businessType="projectCreationApplication"></DoneTask>
      </el-tab-pane>
      <el-tab-pane label="办结" name="fourth">
        <FinishedFlow v-if="activeName=='fourth'" businessType="projectCreationApplication"></FinishedFlow>
      </el-tab-pane>
      <el-tab-pane label="抄送" name="fifth">
        <CopyToFlow v-if="activeName=='fifth'" businessType="projectCreationApplication"></CopyToFlow>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>

import projectComponent from "@/views/labbase/project_creation/projectComponent";
import ToDoTask from "@/views/labdata/flowTask/todo_task.vue";
import DoneTask from "@/views/labdata/flowTask/done_task.vue";
import FinishedFlow from "@/views/labdata/flowInstance/finished_flow.vue";
import CopyToFlow from "@/views/labdata/flowInstance/copyto_flow.vue";

export default {
  name: "Project",
  components: {
          projectComponent,
          ToDoTask,
          DoneTask,
          FinishedFlow,
          CopyToFlow
           },
  data() {
    return {
      activeName: 'first',
    };
  },
  created() {

  },
  methods: {

  },
};
</script>
